﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Desembolsos.aspx.cs" Inherits="Proyectos_Desembolsos_Desembolsos" %>

<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <ext:ScriptManager ID="smCrearProyecto" runat="server"  Theme="Slate"/>
    <script type="text/javascript">
        function MostrarMensajeError(msg) {
            Ext.Msg.show({
                title: 'Error',
                msg: msg,
                minWidth: 200,
                modal: true,
                icon: Ext.Msg.ERROR,
                buttons: Ext.Msg.OK
            });
        }
    
        function InsertarFilaDesembolso(){
       
       

        var Desembolso =  document.getElementById('<%= txtDesembolso.ClientID %>').value;
        var Fecha = document.getElementById('<%= dfFecha.ClientID %>').value;
        var EntidadAportante = document.getElementById('<%= txtEntidadAportante.ClientID %>').value;
        var ResponsableDesembolso = document.getElementById('<%= txtResponsableDesembolso.ClientID %>').value;
        var TipoTransaccion = <%= this.cbxTipoTransaccion.ClientID %>.getValue();
        var ValorP = document.getElementById('<%= txtValorPlanilla.ClientID %>').value;
        var SaldoD = document.getElementById('<%= txtSaldoDesembolsar.ClientID %>').value;
        var ValSupervision = document.getElementById('<%= txtValDesSup.ClientID %>').value;
        var ValDifusion = document.getElementById('<%= txtValDesDif.ClientID %>').value;
        
        var DesSupervision = document.getElementById('<%= txtPorDesSup.ClientID %>').value;
        var DesDifusion = document.getElementById('<%= txtPorDesDif.ClientID %>').value;
        var MontoT = document.getElementById('<%= txtMontoTransferencia.ClientID %>').value;
        var Observacion = document.getElementById('<%= txtObservacionInfoDesembolso.ClientID %>').value; 
                
        var grid = <%= GridPanel1.ClientID %>;
        var op = ValidarSaldo(SaldoD);
        
        
        var ValorDesembolsado = document.getElementById('<%= txtValTotalPB.ClientID %>');
        var SaldoP = document.getElementById('<%= txtValSaldoPagar.ClientID %>').value;
        var ValorPB = document.getElementById('<%= txtValPlan1.ClientID %>').value; 
        ValorDesembolsado.value = parseFloat(ValorPB)-parseFloat(SaldoD);
                
        if(op){
            
            var newrec =  grid.insertRecord(0, {});
            newrec.newRecord = true;
            newrec.set('Id', 0);
            newrec.set('ProyectoId', 0);
            newrec.set('ValorPlanilla', ValorP);
            newrec.set('Fecha', Fecha);
            newrec.set('Numero', Desembolso);
            newrec.set('Responsable', ResponsableDesembolso);
            newrec.set('TipoTransaccion', TipoTransaccion);
            newrec.set('MontoTransferir', MontoT);
            newrec.set('DescSupervision', DesSupervision);
            newrec.set('DesDifusion', DesDifusion);
            newrec.set('ValSupervision', ValSupervision);
            newrec.set('ValDifusion', ValDifusion);
            newrec.set('Saldo', SaldoD-ValorP);
            newrec.set('Observacion', Observacion);
            SumarTotalDesembolso(ValorP);
            <%= wInfoDesembolso.ClientID %>.hide();
        }

         



        return true;
    } 
    
    function EliminarFilaDesembolso(monto) {
        var grid = <%= GridPanel1.ClientID %>;
        RestarTotalDesembolso(monto);
        grid.deleteSelected();
    }

        var SumarTotalDesembolso = function(saldoFila) {
            var saldo = document.getElementById('<%= txtValTotalPB.ClientID %>');
            var r = parseFloat(saldoFila) + parseFloat(saldo.value);
            saldo.value = parseFloat(r).toFixed(2);
            CalcularPorcentajeDesembolso();
            return r;
        }

        var ValidarSaldo = function(saldoIngresar) {
            var ValSaldoPagar = document.getElementById('<%= txtValSaldoPagar.ClientID %>');
            var Monto = document.getElementById('<%= txtValorPlanilla.ClientID %>');
            if (parseFloat(ValSaldoPagar.value) == 0) {
                MostrarMensajeError('El monto del Aporte del Plan Binacional ya fue cubierto para este proyecto!!!');
                return false;
            } else if (parseFloat(saldoIngresar) > parseFloat(ValSaldoPagar.value) || parseFloat(Monto.value) == 0) {
                MostrarMensajeError('El saldo faltante para cubrir el monto es: $' + ValSaldoPagar.value);
                MostrarVentanaDesembolso();
                return false;
            } else {
                return true;
            }
        }



        function CalcularPorcentajeDesembolso() {
            var ValTotalPB = document.getElementById('<%= txtValTotalPB.ClientID %>');
            var ValSaldoPagar = document.getElementById('<%= txtValSaldoPagar.ClientID %>');
            var PorTotalPB = document.getElementById('<%= txtPorTotalPB.ClientID %>');
            var PorSaldoPagar = document.getElementById('<%= txtPorSaldoPagar.ClientID %>');
            var AportePB = document.getElementById('<%= txtValPlan1.ClientID %>').value;

            var aux = AportePB - ValTotalPB.value;

            if (aux >= 0 && aux <= AportePB) {
                ValSaldoPagar.value = parseFloat(aux).toFixed(2);
                PorTotalPB.value = (((100 * parseFloat(ValTotalPB.value)) / parseFloat(AportePB)).toFixed(2));
                PorSaldoPagar.value = (((100 * parseFloat(ValSaldoPagar.value)) / parseFloat(AportePB)).toFixed(2));
            }
        }

        var RestarTotalDesembolso = function(saldoFila) {
            var saldo = document.getElementById('<%= txtValTotalPB.ClientID %>');
            var r = parseFloat(saldo.value) - parseFloat(saldoFila);
            saldo.value = (parseFloat(r).toFixed(2));
            CalcularPorcentajeDesembolso();
            return r;
        }

        function CalcularMonto() {
            var valorPlanilla = document.getElementById('<%= txtValorPlanilla.ClientID %>');
            var saldoDesembolsar = document.getElementById('<%= txtSaldoDesembolsar.ClientID %>');
            if (parseFloat(valorPlanilla.value)>parseFloat(saldoDesembolsar.value))
            {
                MostrarMensajeError('El valor sobrepasa el monto del Aporte del Plan Binacional!!!');
            }
            else
            {
                CalcularPartes();            
               // CalculaMontoRealPagar();
            }
            return true;
        }
        function CalcularPartes() {            
            CalcularDescuentoSupervision();
            CalcularDescuentoDifusion();            
        }
        function CalcularDescuentoSupervision() {
            var txtPorDesSup = document.getElementById('<%= txtPorDesSup.ClientID %>');
            var txtValDesSup = document.getElementById('<%= txtValDesSup.ClientID %>');
            var monto = document.getElementById('<%= txtValorPlanilla.ClientID %>');
            txtValDesSup.value = ((parseFloat(monto.value)*parseFloat(txtPorDesSup.value)) / 100).toFixed(2);
            CalculaMontoRealPagar();           
        }
        function CalcularDescuentoDifusion() {
            var txtPorDesDif = document.getElementById('<%= txtPorDesDif.ClientID %>');
            var txtValDesDif = document.getElementById('<%= txtValDesDif.ClientID %>');
            var monto = document.getElementById('<%= txtValorPlanilla.ClientID %>');
            txtValDesDif.value = ((parseFloat(monto.value)*parseFloat(txtPorDesDif.value)) / 100).toFixed(2);
            CalculaMontoRealPagar();            
        }
        function CalculaMontoRealPagar()
        {
            var valorPlanilla = document.getElementById('<%= txtValorPlanilla.ClientID %>');
            var txtValDesSup = document.getElementById('<%= txtValDesSup.ClientID %>');
            var txtValDesDif = document.getElementById('<%= txtValDesDif.ClientID %>');            
            var montoTransferencia = document.getElementById('<%= txtMontoTransferencia.ClientID %>');
            var suma = parseFloat(txtValDesSup.value) + parseFloat(txtValDesDif.value)
            var aux = parseFloat(valorPlanilla.value) - suma;
            if (aux >= 0) {
                montoTransferencia.value = aux.toFixed(2);
            } else {
                MostrarMensajeError('El saldo faltante para cubrir el monto es: $');
                LimpiarCamposDesembolso();
                CargarSaldo();
            }
            return true;
        }
        

        

        function LimpiarCamposDesembolso() {         
            document.getElementById('<%= txtPorDesSup.ClientID %>').value = '4.5';
            document.getElementById('<%= txtPorDesDif.ClientID %>').value = '2';
            
            document.getElementById('<%= txtValDesSup.ClientID %>').value = 0;
            document.getElementById('<%= txtValDesDif.ClientID %>').value = 0;
            
            document.getElementById('<%= txtValorPlanilla.ClientID %>').value = 0;
            document.getElementById('<%= txtMontoTransferencia.ClientID %>').value = 0;
        }
        
              

        function CargarSaldo() {
            var ValSaldoPagar = document.getElementById('<%= txtValSaldoPagar.ClientID %>');

            var txtPorContraparte1 = document.getElementById('<%= txtPorContraparte1.ClientID %>');

            var saldo = document.getElementById('<%= txtSaldoDesembolsar.ClientID %>');
            saldo.value = (parseFloat(ValSaldoPagar.value).toFixed(2));
            return true;
        }

        function MostrarVentanaDesembolso() {
            var wDesembolso = document.getElementById('<%= wInfoDesembolso.ClientID %>');
            wInfoDesembolso.show();
            return true;
        }
        var RenderFecha = function(value) {
            var r1 = Ext.util.Format.date(value,'d/M/Y');
            return r1;
        }
        var renderColumna = function(value) {
        var r = <%= this.sTipoTransaccion.ClientID %>.getById(value);
        if (Ext.isEmpty(r)) {
            return value;
        }
        return r.data['Value'];
    };
    var submitValue = function (grid, hiddenFormat, format) {
            hiddenFormat.setValue(format);
            grid.submitData(false);
        };
    </script>

    <ext:Store runat="server" ID="sTipoTransaccion">
        <Reader>
            <ext:JsonReader ReaderID="Key">
                <Fields>
                    <ext:RecordField Name="Key" />
                    <ext:RecordField Name="Value" />
                </Fields>
            </ext:JsonReader>
        </Reader>
    </ext:Store>
    <ext:Store runat="server" ID="sDesembolsos" OnSubmitData="Store1_Submit">
        <Reader>
            <ext:JsonReader ReaderID="Id">
                <Fields>
                    <ext:RecordField Name="Id" Type="Int" DefaultValue="0" />
                    <ext:RecordField Name="Fecha"   Type="Date" DateFormat="Y-m-dTh:i:s"/>
                    <ext:RecordField Name="Numero" />
                    <ext:RecordField Name="Responsable" />
                    <ext:RecordField Name="Saldo" />
                    <ext:RecordField Name="ValorPlanilla" />
                    <ext:RecordField Name="TipoTransaccion" />
                    <ext:RecordField Name="DescSupervision" />
                    <ext:RecordField Name="ValSupervision" />
                    <ext:RecordField Name="DesDifusion" />
                    <ext:RecordField Name="ValDifusion" />
                    <ext:RecordField Name="MontoTransferir" />
                    <ext:RecordField Name="Observacion" />
                    <ext:RecordField Name="ProyectoId" />
                </Fields>
            </ext:JsonReader>
        </Reader>
    </ext:Store>
     
    
    <ext:Panel runat="server" ButtonAlign="Center" Border="false" BodyStyle="padding:5px;">
        <Body>
            <ext:FieldSet runat="server" Title="Descripción Aporte" AutoWidth="true">
                <Body>
                    <ext:Panel runat="server" Border="false" Header="false" BodyStyle="padding:3px;">
                        <Body>
                            <ext:Panel runat="server" Border="false">
                                <Body>
                                    <ext:FormLayout LabelSeparator=":" runat="server" LabelAlign="Left" LabelWidth="90">
                                        <ext:Anchor Horizontal="98%">
                                            <ext:NumberField FieldLabel="Inversión Total" ID="txtInversionTotal1" runat="server"
                                                Text="0" ReadOnly="true" DecimalPrecision="2" DecimalSeparator="." />
                                        </ext:Anchor>
                                        <ext:Anchor>
                                            <ext:Hidden runat="server" ID="IdProyecto">
                                            </ext:Hidden>
                                        </ext:Anchor>
                                    </ext:FormLayout>
                                </Body>
                            </ext:Panel>
                            <ext:Panel runat="server" Border="false" BodyStyle="background-color:Transparent;">
                                <Body>
                                    <ext:ColumnLayout runat="server">
                                        <ext:LayoutColumn ColumnWidth=".333">
                                            <ext:Panel runat="server" Border="false" Header="false">
                                                <Body>
                                                    <ext:FormLayout LabelSeparator=":" runat="server" LabelAlign="Left" LabelWidth="90">
                                                        <ext:Anchor Horizontal="95%">
                                                            <ext:NumberField FieldLabel="Plan(#)" ID="txtValPlan1" runat="server" Text="1" ReadOnly="true" AllowBlank="false" AllowNegative="false" DecimalPrecision="2" DecimalSeparator=".">
                                                            </ext:NumberField>
                                                        </ext:Anchor>
                                                        <ext:Anchor Horizontal="95%">
                                                            <ext:TextField Hidden="true" FieldLabel="% Plan" LabelSeparator="" ID="txtPorPlan1"
                                                                runat="server" ReadOnly="true" />
                                                        </ext:Anchor>
                                                    </ext:FormLayout>
                                                </Body>
                                            </ext:Panel>
                                        </ext:LayoutColumn>
                                        <ext:LayoutColumn ColumnWidth=".333">
                                            <ext:Panel ID="Panel34" runat="server" Border="false" Header="false">
                                                <Body>
                                                    <ext:FormLayout ID="FormLayout15" LabelSeparator=":" runat="server" LabelAlign="Left"
                                                        LabelWidth="100">
                                                        <ext:Anchor Horizontal="95%">
                                                            <ext:NumberField FieldLabel="Contraparte 1(#)" ID="txtValContraparte1" runat="server"
                                                                Text="0" ReadOnly="true" DecimalPrecision="2" DecimalSeparator=".">
                                                            </ext:NumberField>
                                                        </ext:Anchor>
                                                        <ext:Anchor Horizontal="95%">
                                                            <ext:TextField Hidden="true" FieldLabel="% Contraparte 1" LabelSeparator="" ID="txtPorContraparte1"
                                                                runat="server" ReadOnly="true" />
                                                        </ext:Anchor>
                                                    </ext:FormLayout>
                                                </Body>
                                            </ext:Panel>
                                        </ext:LayoutColumn>
                                        <ext:LayoutColumn ColumnWidth=".333">
                                            <ext:Panel ID="Panel1" runat="server" Border="false" Header="false">
                                                <Body>
                                                    <ext:FormLayout ID="FormLayout1" LabelSeparator=":" runat="server" LabelAlign="Left"
                                                        LabelWidth="100">
                                                        <ext:Anchor Horizontal="95%">
                                                            <ext:NumberField FieldLabel="Contraparte 2(#)" ID="txtValContraparte2" runat="server"
                                                                Text="0" ReadOnly="true" DecimalPrecision="2" DecimalSeparator=".">
                                                            </ext:NumberField>
                                                        </ext:Anchor>
                                                        <ext:Anchor Horizontal="95%">
                                                            <ext:TextField Hidden="true" FieldLabel="% Contraparte 2" LabelSeparator="" ID="txtPorContraparte2"
                                                                runat="server" ReadOnly="true" />
                                                        </ext:Anchor>
                                                    </ext:FormLayout>
                                                </Body>
                                            </ext:Panel>
                                        </ext:LayoutColumn>
                                    </ext:ColumnLayout>
                                </Body>
                            </ext:Panel>
                        </Body>
                    </ext:Panel>
                </Body>
            </ext:FieldSet>
            <ext:FieldSet runat="server" Title="Información de Desembolsos" AutoWidth="true">
                <Body>                
                    <ext:Panel runat="server" Border="false" Header="false" BodyStyle="padding:3px;">
                        <Body>
                            <ext:Hidden ID="FormatType" runat="server" />
                            <ext:GridPanel ID="GridPanel1" runat="server" StoreID="sDesembolsos" Width="730"
                                Height="170px" Title="" StripeRows="true">
                                <TopBar>
                                    <ext:Toolbar ID="Toolbar1" runat="server" AutoWidth="true">
                                        <Items>
                                            <ext:Button runat="server" Text="Nuevo" Icon="NoteEdit">
                                                <AjaxEvents>
                                                    <Click OnEvent="NuevoDesembolso_Click" Before="if (#{txtValSaldoPagar}.getValue()==0){alert('Ya se han realizado todos los desembolsos');return false;}else{CargarSaldo();}">
                                                        <EventMask ShowMask="true" />
                                                    </Click>
                                                </AjaxEvents>
                                            </ext:Button>
                                            <ext:Button ID="Button3" runat="server" Text="To Excel" Icon="PageExcel">
                                                <Listeners>
                                                    <Click Handler="submitValue(#{GridPanel1}, #{FormatType}, 'xls');" />
                                                </Listeners>
                                            </ext:Button>
                                        </Items>
                                    </ext:Toolbar>
                                </TopBar>
                                <ColumnModel ID="ColumnModel1" runat="server">
                                    <Columns>
                                        <ext:Column ColumnID="colFecha" Header="Fecha" Width="64" DataIndex="Fecha">
                                            <Editor>
                                                <ext:DateField FieldLabel="Fecha" ID="Fecha" runat="server"  Format="dd-MMM-yyyy" />
                                            </Editor>
                                        </ext:Column>
                                        <ext:Column ColumnID="colResponsableDesembolso" Header="Responsable" Width="90" Sortable="true"
                                            DataIndex="Responsable">
                                            <Editor>
                                                <ext:TextField FieldLabel="Responsable" ID="TextField9" runat="server" />
                                            </Editor>
                                        </ext:Column>
                                        <ext:Column ColumnID="colMonto" Header="Valor Planilla" Width="78" Sortable="true"
                                            DataIndex="ValorPlanilla">
                                        </ext:Column>
                                        <ext:Column ColumnID="colDesSupervision" Header="Des. Supervisión" Width="98" Sortable="true"
                                            DataIndex="ValSupervision">
                                        </ext:Column>
                                        <ext:Column ColumnID="colDesDifusion" Header="Des. Difusión" Width="88" Sortable="true"
                                            DataIndex="ValDifusion">
                                        </ext:Column>
                                        <ext:Column ColumnID="colSaldo" Header="Monto a Transferir" Width="100" Sortable="true"
                                            DataIndex="MontoTransferir">
                                        </ext:Column>
                                        <ext:Column ColumnID="colTipoTransaccion" Header="Transacción" Width="79" Sortable="true"
                                            DataIndex="TipoTransaccion">
                                            <Renderer Fn="renderColumna" />
                                            <Editor>
                                                <ext:ComboBox ID="ComboBox4" runat="server" FieldLabel="Tipo Transacción" StoreID="sTipoTransaccion"
                                                    DisplayField="Value" ValueField="Key">
                                                </ext:ComboBox>
                                            </Editor>
                                        </ext:Column>
                                        <ext:Column ColumnID="colObservacion" Header="Observación" Width="97" Sortable="true"
                                            DataIndex="Observacion">
                                            <Editor>
                                                <ext:TextArea FieldLabel="Observación" ID="TextField14" runat="server" />
                                            </Editor>
                                        </ext:Column>
                                        <ext:CommandColumn Width="65">
                                            <Commands>
                                                <ext:GridCommand CommandName="Eliminar" Text="Eliminar" Icon="Delete" ToolTip-Text="Eliminar desembolso del proyecto">
                                                </ext:GridCommand>
                                            </Commands>
                                        </ext:CommandColumn>
                                    </Columns>
                                </ColumnModel>
                                <SelectionModel>
                                    <ext:RowSelectionModel ID="RowSelectionModel221" runat="server" SingleSelect="true">
                                    </ext:RowSelectionModel>
                                </SelectionModel>
                                <Listeners>
                                    <Command Handler="if(record.data.Id==0){EliminarFilaDesembolso(record.data.ValorPlanilla);}else{alert('No es posible eliminar este registro');}" />
                                </Listeners>
                            </ext:GridPanel>
                        </Body>
                    </ext:Panel>
                    <ext:Panel ID="Panel36" runat="server" Border="false" BodyStyle="background-color:Transparent;">
                        <Body>
                            <ext:ColumnLayout ID="ColumnLayout6" runat="server">
                                <ext:LayoutColumn ColumnWidth=".5">
                                    <ext:Panel ID="Panel37" runat="server" Border="false" Header="false" BodyStyle="padding:5px;">
                                        <Body>
                                            <ext:FormLayout LabelSeparator=":" runat="server" LabelAlign="Left" LabelWidth="150">
                                                <ext:Anchor Horizontal="95%">
                                                    <ext:NumberField FieldLabel="Total Desembolsado(#)" ID="txtValTotalPB" runat="server"
                                                        Width="165" Text="0" ReadOnly="true" DecimalPrecision="2" DecimalSeparator=".">
                                                        <%--<Listeners>
                                                            <Change Fn="CalcularPorcentajeDesembolso" />
                                                        </Listeners>--%>
                                                    </ext:NumberField>
                                                </ext:Anchor>
                                                <ext:Anchor Horizontal="95%">
                                                    <ext:NumberField FieldLabel="Total Desembolsado(%)" ID="txtPorTotalPB" runat="server"
                                                        Width="165" ReadOnly="true" Hidden="true" DecimalPrecision="2" DecimalSeparator="." />
                                                </ext:Anchor>
                                            </ext:FormLayout>
                                        </Body>
                                    </ext:Panel>
                                </ext:LayoutColumn>
                                <ext:LayoutColumn ColumnWidth=".5">
                                    <ext:Panel runat="server" Border="false" Header="false" BodyStyle="padding:3px;">
                                        <Body>
                                            <ext:FormLayout LabelSeparator=":" runat="server" LabelAlign="Left" LabelWidth="150">
                                                <ext:Anchor Horizontal="95%">
                                                    <ext:NumberField FieldLabel="Saldo por Desembolsar(#)" ID="txtValSaldoPagar" runat="server"
                                                        Width="165" Text="0" ReadOnly="true" DecimalPrecision="2" DecimalSeparator=".">
                                                        <%--<Listeners>
                                                            <Change Fn="CalcularPorcentajeDesembolso" />
                                                        </Listeners>--%>
                                                    </ext:NumberField>
                                                </ext:Anchor>
                                                <ext:Anchor Horizontal="95%">
                                                    <ext:NumberField FieldLabel="Saldo por Desembolsar(%)" ID="txtPorSaldoPagar" runat="server"
                                                        ReadOnly="true" Width="165" Hidden="true"  DecimalPrecision="2" DecimalSeparator="."/>
                                                </ext:Anchor>
                                            </ext:FormLayout>
                                        </Body>
                                    </ext:Panel>
                                </ext:LayoutColumn>
                            </ext:ColumnLayout>
                        </Body>
                    </ext:Panel>
                </Body>
            </ext:FieldSet>
        </Body>
        <Buttons>
            <ext:Button runat="server" ID="btnGuardar" Text="Guardar">
                <AjaxEvents>
                    <Click OnEvent="btnGuardar_Click" Success="">
                        <EventMask ShowMask="true" />
                        <ExtraParams>
                            <ext:Parameter Name="PDesembolsos" Value="'{'+#{GridPanel1}.getStore().getChangedData()+'}'"
                                Mode="Raw">
                            </ext:Parameter>
                        </ExtraParams>
                    </Click>
                </AjaxEvents>
            </ext:Button>
            <ext:Button runat="server" ID="Button5" Text="Cancelar">
                <%--<AjaxEvents>
                        <Click OnEvent="btnTab5_Click">
                            <EventMask ShowMask="true" />
                        </Click>
                    </AjaxEvents>--%>
            </ext:Button>
        </Buttons>
    </ext:Panel>
    <ext:Window ID="wInfoDesembolso" runat="server" Icon="Application" Y="10" Resizable="false"
        CenterOnLoad="true" Title="Información Financiera" Modal="True" Width="570px"
        Height="320px" ShowOnLoad="false" ButtonAlign="Center">
        <Body>
            <ext:FormPanel ID="FormPanel2" runat="server" MonitorPoll="475" Border="false" MonitorValid="true"
                Width="570" BodyStyle="padding:5px;" ButtonAlign="Right">
                <Defaults>
                    <ext:Parameter Name="AllowBlank" Value="false" Mode="Raw" />
                    <ext:Parameter Name="MsgTarget" Value="side" />
                </Defaults>
                <Body>
                    <ext:FormLayout runat="server" LabelAlign="Left" LabelWidth="125">
                        <ext:Anchor Horizontal="95%">
                            <ext:Panel runat="server" Border="false" BodyStyle="padding:0px;">
                                <Body>
                                    <ext:ColumnLayout runat="server">
                                        <ext:LayoutColumn ColumnWidth=".5">
                                            <ext:Panel runat="server" Border="false" Header="false" BodyStyle="padding:0px;">
                                                <Body>
                                                    <ext:FormLayout runat="server" LabelWidth="125" LabelAlign="Left">
                                                        <ext:Anchor Horizontal="95%">
                                                            <ext:NumberField FieldLabel="Anticipo" ID="txtDesembolso" runat="server" />
                                                        </ext:Anchor>
                                                    </ext:FormLayout>
                                                </Body>
                                            </ext:Panel>
                                        </ext:LayoutColumn>
                                        <ext:LayoutColumn ColumnWidth=".5">
                                            <ext:Panel runat="server" Border="false" Header="false" BodyStyle="padding:0px;text-align: right">
                                                <Body>
                                                    <ext:FormLayout runat="server" LabelWidth="55" LabelAlign="Left">
                                                        <ext:Anchor Horizontal="95%">
                                                            <ext:DateField FieldLabel="Fecha" ID="dfFecha" runat="server"  Format="dd-MMM-yyyy">
                                                            </ext:DateField>
                                                        </ext:Anchor>
                                                    </ext:FormLayout>
                                                </Body>
                                            </ext:Panel>
                                        </ext:LayoutColumn>
                                    </ext:ColumnLayout>
                                </Body>
                            </ext:Panel>
                        </ext:Anchor>
                        <ext:Anchor Horizontal="95%">
                            <ext:TextField FieldLabel="Entidad Aportante" ID="txtEntidadAportante" runat="server"
                                Text="Plan Binacional" Enabled="false" Hidden="true" />
                        </ext:Anchor>
                        <ext:Anchor Horizontal="95%">
                            <ext:TextField FieldLabel="Unidad Responsable" ID="txtUnidadResponsableDesembolso"
                                runat="server" Text="Unidad Administrativa Financiera" Enabled="false" Hidden="true" />
                        </ext:Anchor>
                        <ext:Anchor Horizontal="95%">
                            <ext:TextField FieldLabel="Responsable" ID="txtResponsableDesembolso" runat="server" />
                        </ext:Anchor>
                        <ext:Anchor Horizontal="95%">
                            <ext:NumberField FieldLabel="Saldo($)" ID="txtSaldoDesembolsar" runat="server" Text="0"
                                ReadOnly="true" />
                        </ext:Anchor>
                        <ext:Anchor Horizontal="95%">
                            <ext:Panel runat="server" Border="false" BodyStyle="padding:0px;">
                                <Body>
                                    <ext:ColumnLayout runat="server">
                                        <ext:LayoutColumn ColumnWidth=".5">
                                            <ext:Panel runat="server" Border="false" Header="false" BodyStyle="padding:0px;">
                                                <Body>
                                                    <ext:FormLayout runat="server" LabelWidth="125" LabelAlign="Left">
                                                        <ext:Anchor Horizontal="95%">
                                                            <ext:NumberField FieldLabel="Valor Planilla ($)" ID="txtValorPlanilla" runat="server"
                                                                Text="0" AllowNegative="false" DecimalPrecision="2">
                                                                <Listeners>
                                                                    <Change Fn="CalcularMonto" />
                                                                </Listeners>
                                                            </ext:NumberField>
                                                        </ext:Anchor>
                                                        <ext:Anchor Horizontal="95%">
                                                            <ext:NumberField FieldLabel="Des. Supervisión (%)" ID="txtPorDesSup" runat="server"
                                                                Text="4.5" AllowNegative="false" DecimalPrecision="2" DecimalSeparator=".">
                                                                <Listeners>
                                                                    <Change Fn="CalcularDescuentoSupervision" />
                                                                </Listeners>
                                                            </ext:NumberField>
                                                        </ext:Anchor>
                                                        <ext:Anchor Horizontal="95%">
                                                            <ext:NumberField FieldLabel="Des. Difusión (%)" ID="txtPorDesDif" runat="server"
                                                                Text="2" AllowNegative="false" DecimalPrecision="2">
                                                                <Listeners>
                                                                    <Change Fn="CalcularDescuentoDifusion" />
                                                                </Listeners>
                                                            </ext:NumberField>
                                                        </ext:Anchor>
                                                    </ext:FormLayout>
                                                </Body>
                                            </ext:Panel>
                                        </ext:LayoutColumn>
                                        <ext:LayoutColumn ColumnWidth=".5">
                                            <ext:Panel runat="server" Border="false" Header="false" BodyStyle="padding:0px;text-align: right">
                                                <Body>
                                                    <ext:FormLayout runat="server" LabelWidth="114" LabelAlign="Left">
                                                        <ext:Anchor Horizontal="93%">
                                                            <ext:ComboBox Editable="false" ID="cbxTipoTransaccion" runat="server" FieldLabel="Tipo Transacción"
                                                                StoreID="sTipoTransaccion" DisplayField="Value" ValueField="Key" AllowBlank="false">
                                                            </ext:ComboBox>
                                                        </ext:Anchor>
                                                        <ext:Anchor Horizontal="95%">
                                                            <ext:NumberField FieldLabel="Des. Supervisión ($)" ID="txtValDesSup" runat="server"
                                                                ReadOnly="true" Text="0" AllowNegative="false" DecimalPrecision="2" />
                                                        </ext:Anchor>
                                                        <ext:Anchor Horizontal="95%">
                                                            <ext:NumberField FieldLabel="Des. Difusión ($)" ID="txtValDesDif" runat="server"
                                                                ReadOnly="true" Text="0" />
                                                        </ext:Anchor>
                                                    </ext:FormLayout>
                                                </Body>
                                            </ext:Panel>
                                        </ext:LayoutColumn>
                                    </ext:ColumnLayout>
                                </Body>
                            </ext:Panel>
                        </ext:Anchor>
                        <ext:Anchor Horizontal="95%">
                            <ext:TextField FieldLabel="Monto a Transferir ($)" ID="txtMontoTransferencia" runat="server"
                                ReadOnly="true" Text="0" />
                        </ext:Anchor>
                        <ext:Anchor Horizontal="95%">
                            <ext:TextField FieldLabel="Observación" ID="txtObservacionInfoDesembolso" runat="server" />
                        </ext:Anchor>
                    </ext:FormLayout>
                </Body>
                <BottomBar>
                    <ext:StatusBar ID="StatusBar1" runat="server" />
                </BottomBar>
                <Listeners>
                    <ClientValidation Handler="if (valid){#{btnIngresarDesembolso}.enable();}else{#{btnIngresarDesembolso}.disable();};#{StatusBar1}.setStatus({text: valid ? 'Formulario Válido' : 'Formulario Inválido', iconCls: valid ? 'icon-accept' : 'icon-exclamation'});" />
                </Listeners>
            </ext:FormPanel>
        </Body>
        <Buttons>
            <ext:Button runat="server" ID="btnIngresarDesembolso" Text="Ingresar" Icon="Add">
                <AjaxEvents>
                    <Click OnEvent="btnIngresarDesembolso_Click" Before="if(#{FormPanel2}.getForm().isValid()){InsertarFilaDesembolso();#{wInfoDesembolso}.hide();}else{Ext.Msg.show({icon: Ext.MessageBox.ERROR, msg: 'Todos los campos son obligatorios', buttons:Ext.Msg.OK});}"
                        Failure="Ext.Msg.show({ 
                                               title   : 'Error', 
                                               msg     : 'Error durante el ingreso...', 
                                               minWidth: 200, 
                                               modal   : true, 
                                               icon    : Ext.Msg.ERROR, 
                                               buttons : Ext.Msg.OK 
                                              });">
                    </Click>
                </AjaxEvents>
            </ext:Button>
            <ext:Button runat="server" ID="Button11" Text="Cancelar" Icon="Stop">
                <AjaxEvents>
                    <Click OnEvent="btnCancelarDesembolso_Click">
                        <EventMask ShowMask="true" />
                    </Click>
                </AjaxEvents>
            </ext:Button>
        </Buttons>
    </ext:Window>
    </form>
</body>
</html>
